<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
					div.A p:nth-child(1){
						size: 16px;
						text-indent: 1em;
						line-height:30px;
						color: #F0F8FF;
						background-color: #008000;
					}
					div.B li{
						font-size: 12px;
						line-height:28px;
						color: #1a66b3;
					}
					a:link{
						text-decoration: none;	
					}
					a:hover{
						text-decoration:underline;
					}
					.B{
						background:linear-gradient( #F9FBCB,#F8F8F3);
						width: 300px;
					}
					</style>
	</head>
	<body>
		<div class="B">
				<div class="A">
					<p>畅销书排行<img src="bang.gif" ></p>
				</div>
				
					<ul>
						<li><img src="图片和音频/book_no01.gif" ><a href="#">不抱怨的世界(畅...</a></li>
						<li><img src="图片和音频/book_no02.gif" ><a href="#">遇见未知的自己...</a></li>
						<li><img src="图片和音频/book_no03.gif" ><a href="#">活法（季羡林、...</a></li>
						<li><img src="图片和音频/book_no04.gif" ><a href="#">高效能人士的七个习惯</a></li>
						<li><img src="图片和音频/book_no05.gif" ><a href="#">被迫强大（北外女生香奈儿...</a></li>
						<li><img src="图片和音频/book_no05.gif" ><a href="#">遇见心想事成的自己（《遇...</a></li>
						<li><img src="图片和音频/book_no07.gif" ><a href="#">世界上最伟大的推销员（插...</a></li>
						<li><img src="图片和音频/book_no08.gif" ><a href="#">我的成功可以复制（唐骏亲...</a></li>
						<li><img src="图片和音频/book_no09.gif" ><a href="#">少有人走的路：心智成熟的...</a></li>
						<li><img src="图片和音频/book_no10.gif" ><a href="#">活出全新的自己——唤醒...</a></li>
					</ul>
				</div>
	</body>
</html>
